<html>
<head>
	   <meta name="layout" content="main" />
</head>
<body>
	<div id="lowerMenu">
		
	</div>
    <div id="menuMask" style="position:absolute; top:20px;">
    </div>
	
	<div id="debug" style="position:absolute; top:20px; right:20px;z-index:1200">
		<p id="framerate" style="font-weight: bold; color: red;">Frames: 35fps</p>
	</div>
	
	<div id="designer" class="ui-widget ui-widget-content ui-corner-all" >
		<div id="designer-title" class="ui-state-default">Room - Title</div>
	</div>
	
	<div id="floor-container">
		<div id="floor"></div>
	</div>
	
	<canvas id="touchMask" style="position:absolute; z-index:1500;"></canvas>
	
	<canvas id="canvasMask" style="position:absolute; z-index:1001;"></canvas>
	
	<div id="imagebucket" style="display:none;"></div>
	
	<script type="text/javascript">
		var baseUrl    = "${resource(dir:'/')}"
		var roomUrl    = "${resource(dir:'room')}"
		var consoleUrl = '${grailsApplication.config.websocket.serverURL}';
		var username   = '${username}';
		var sessionId    = '${sessionId}';
		var scriptPath = '../js/';
	</script>
		
	<p:dependantJavascript>
		<p:javascript src="room.all" />
	</p:dependantJavascript>
</body>
</html>